<?php
	$event = $this->event;
	$user = $this->user;
?>
<!--Start: event List-->
            <div class="boxed" style="margin-top: 10px;">
                <div class="boxTop">
                    <div class="boxTopLeft">
                        <div class="boxTopRight">
                            <div class="boxName"><img src="<?php echo EVENT_STATIC_SERVER;?>/images/icons/icon_event_title.gif" alt="picture"/><span><?php echo $event->eid > 0?"<a href=\"/event/detail/".$event->eid."\">".$event->event_name."</a>":"Sự kiện mới";?></span></div>
                            <div class="tab float-right">
                                <div class="<?php echo $event->eid > 0?"tabItem":"tabItemS";?>"><span><a href="<?php echo $this->action == "info"?"#":"/event/edit/".$event->eid;?>">Thông tin sự kiện</a></span></div>
                                <?php if($event->eid > 0){?>
                                <div class="<?php echo $this->action == "picture"?"tabItemS":"tabItem";?>"><span><a href="<?php echo $this->action == "picture"?"#":"/event/edit/picture/".$event->eid;?>">Ảnh đại diện</a></span></div>
                                <div class="<?php echo $this->action == "member"?"tabItemS":"tabItem";?>"><span><a href="<?php echo $this->action == "member"?"#":"/event/edit/member/".$event->eid;?>">Thành viên</a></span></div>
                                <?php }?>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog boxBody eventList">
			        

<script language="JavaScript">
	var pendding_list=new Array();

	function check_pending()
	{
		var k=parseInt($('#pending_count').html());
		if (k==0)
		{
			alert("Bạn không có ai trong danh sách muốn mời tham gia sự kiện");
		}
		return (k>0);
	}
	
	function updatePendingCounter(c)
	{
		var k=parseInt($('#pending_count').html())+c;
		$('#pending_count').html(k.toString());
	}
	
	function addFriendList(uid, u_name)
	{
		var user_list=$('#friends_list')[0];
		var childEl=user_list.childNodes[0];
		var el=document.createElement('span');
		el.id="u_" + uid;
		el.setAttribute('u_id', uid);
		el.setAttribute('u_name', u_name);
		el.innerHTML='<input u_id="'+ uid + '" name="' + uid + '" u_name="' + u_name + '" type="checkbox" onclick="addPending('+uid+',\''+escape(u_name)+'\')"><label>' + u_name + '</label><br>';
		if (childEl)
		{
			user_list.insertBefore(el, childEl);
		}
		else
		{
			user_list.appendChild(el);
		}
	}
	
	function removePending(uid, u_name)
	{
		rem_url="/event/invite/<?php echo $event->eid;?>/" + uid + "/?remove=1";
		u_name=unescape(u_name);
		$.ajax({
			type: "POST",
			url: rem_url,
			complete: function(req, s){
				if (s=="success")
				{
					var elList=$('#invitations')[0];
					elList.removeChild($('#p_' + uid)[0]);
					addFriendList(uid, u_name);
					updatePendingCounter(-1);
				}
				else
				{
					alert("Có lỗi trong quá trình xử lý, bạn vui lòng thực hiện lại sau");
				}
			}
		});
	}
	function addPending(uid, u_name)
	{
		add_url="/event/invite/<?php echo $event->eid;?>/" + uid + "/?add=1";
		profile_url="/home/" + u_name;
		u_name=unescape(u_name);
		$.ajax({
			type: "POST",
			url: add_url,
			complete: function(req, s){
				if (s=="success")
				{
					eval('status = ' + req.responseText + ';');
					if (status==1)
					{
						var elList=$('#invitations')[0];
						li=document.createElement("li");
						li.id="p_"+uid;
						nameEl=document.createElement("div");
						nameEl.className='name_row';
						nameEl.innerHTML='<a href="' + profile_url + '">'+u_name+'</a>';
						removeEl=document.createElement("div");
						removeEl.innerHTML='<a href="#" id="'+ uid +'" u_name="'+u_name+'" onclick="removePending(' + uid + ', \'' + u_name + '\'); return false;">Loại bỏ</a>';
						li.appendChild(nameEl);
						li.appendChild(removeEl);
						elList.insertBefore(li,elList.firstChild);
						$("#friend_" + uid).remove();
						updatePendingCounter(1);
					}
					else if (status==0)
					{
						alert("Bạn (hoặc ai đó) đã gửi thư mời đến " + u_name);
					}
				}
				else
				{
					alert("Có lỗi trong quá trình thực hiện. Xin bạn vui lòng làm lại lần khác");
				}
			}
		});
	}
	
	key_handle=function(event)
	{
		var filterEl=$('#selector_name')[0];
		if(!filterEl)
		{
			return;
		}
		var filter=filterEl.value.toLowerCase().replace(/^\s*|\s*$/g, "");
		var user_list=$('#friends_list')[0];
		if (!user_list)
		{
			return;
		}
		var regex=new RegExp("^"+filter+"|\\s"+filter,"i");
		var len=user_list.childNodes.length;
		for(var i=0;i<len;i++)
		{
			var childEl=user_list.childNodes[i];
			if(!childEl)
			{
				continue;
			}
			if (childEl.tagName!="SPAN")
			{
				continue;
			}
			var name=childEl.getAttribute('u_name');
			if(regex.exec(name))
			{
				$(childEl).show();
			}
			else
			{
				$(childEl).hide();
			}
		}
	}
	
	function remove_member(uid, u_name, url, me, admin)
	{
		var onComplete=function(status, res){
			if (status!="success")
			{
				alert("Có lỗi trong quá trình thực hiện yêu cầu của bạn");
			}
			else
			{
				$('#member_' + uid).remove();
				addFriendList(uid, u_name);
				if (me==1)
				{
					window.location.href="/event/detail/<?php echo $event->eid;?>";
				}
			}
		};
		var msg="Bạn chắc chắn loại <b>" + u_name + "</b> ra khỏi sự kiện<br>";
		if (me==1)
		{
			msg="Bạn tự loại mình ra khỏi sự kiện, bạn sẽ không thực hiện được các chức năng khác trên sự kiện nữa";
		}
		else if (admin==1)
		{
			msg=msg + u_name + " đang là admin cuả sự kiện. Nếu sự kiện không còn admin, quyền này sẽ được mời một thành viên bất kỳ của sự kiện ứng cử";
		}
		$('#dlg_member').mytt_confirm(msg, "Loại khỏi sự kiện", url, onComplete);
		return false;
	}
	
	function make_admin(uid, u_name, url)
	{
		var onComplete=function(status, res){
			if (status!="success")
			{
				alert("Có lỗi trong quá trình thực hiện yêu cầu của bạn");
			}
			else
			{
				eval('res=' + res.responseText + ';');
				if (res['status']==1)
				{
					$('#member_' + uid).html((res['el']));
				}
				else
				{
					alert(res['msg']);
				}
			}
		};
		var msg="Bạn chắc chắn gán quyền admin cho <b>" + u_name + "</b><br>";
		$('#dlg_member').mytt_confirm(msg, "Gán quyền admin", url, onComplete);
		return false;
	}
	
	function remove_admin(uid, u_name, url, me)
	{
		var onComplete=function(status, res){
			if (status!="success")
			{
				alert("Có lỗi trong quá trình thực hiện yêu cầu của bạn");
			}
			else
			{
				eval('res=' + res.responseText + ';');
				if (res['status']==1)
				{
					$('#member_' + uid).html((res['el']));
					if (me==1)
					{
						window.location.href="/event/detail/<?php echo  $event->eid;?>";
					}
				}
				else
				{
					alert(res['msg']);
				}
			}
		};
		var msg="Bạn chắc chắn hủy quyền admin của <b>" + u_name + "</b><br>";
		if (me==1)
		{
			msg=msg + "Bạn tự hủy quyền admin của chính mình, bạn sẽ không quản trị được sự kiện này nữa";
		}
		$('#dlg_member').mytt_confirm(msg, "Hủy quyền admin", url, onComplete);
		return false;
	}
</script>
					<div class="editor_panel clearfix">
						<div class="column left">
							<?
							if ($this->msg!="")
							{
								echo $this->msg;
							}
							?>
							<div id="invitation_list">
								<div id="invitation_wrapper">
									<h4>Bạn có <span id="pending_count"><?php echo count($this->pending_list)?></span> người trong danh sách mời tham gia sự kiện</h4>
									<p>Chọn người muốn mời tham gia sự kiện từ danh sách bên phải</p>
									<ul id="invitations">
										<?
										for ($i=0; $i<count($this->pending_list); $i++)
										{
											$u=$this->pending_list[$i];
										?>
											<li id="p_<?php echo $u->uid?>">
												<div class="name_row"><a href="/home/<?php echo $u->name;?>"><?php echo $u->name?></a></div>
												<div><a onclick="removePending(<?php echo $u->uid?>, '<?php echo $u->name?>'); return false;" u_name="<?php echo $u->name?>" id="<?php echo $u->id?>" href="#">Loại bỏ</a></div>
											</li>
										<?
										}
										?>
									</ul>
									<h3>Tin nhắn gửi kèm:</h3>
									<form method="post" action="/event/edit/member/<?php echo $event->eid;?>" onsubmit="return check_pending();">
										<textarea id="invite_msg" name="invite_msg" class="inputtextarea" rows="4"></textarea>
										<input type="hidden" name="invite" value="1">
										<div id="invite_button">
											<input class="button-submit" value="Gửi thư mời" type="submit">
										</div>
									</form>
								</div>
							</div>
							<?
							if ($this->isAdmin)
							{
							?>
							<div id="invite_pane">
								<div id="status_bar">
									<form action="/event/edit/member/<?php echo $event->eid;?>" method="POST">
										<table cellspacing="0" border="0" class="formtable">
											<tr>
												<td class="label">Hiển thị</td>
												<td>
													<select name="view" id="view" onchange="submit();" class="">
														<option value="1" <?php echo ($this->view==1) ? 'selected="selected"' : ''?>>Thành viên</option>
														<option value="-1" <?php echo ($this->view==-1) ? 'selected="selected"' : ''?>>Chưa trả lời</option>
														<option value="0" <?php echo ($this->view==0) ? 'selected="selected"' : ''?>>Không tham gia</option>
														<option value="2" <?php echo ($this->view==2) ? 'selected="selected"' : ''?>>Có thể tham gia</option>
													</select>
												</td>
											</tr>
										</table>
									</form>
								</div>
								<div id="summaryandpager">
									<h4>
									<?
									if ($this->view==1)
										echo 'Thành viên chắc chắn tham gia sự kiện';
									if ($this->view==0)
										echo 'Thành viên không tham gia sự kiện';
									if ($this->view==2)
										echo 'Thành viên có thể tham gia sự kiện';
									else
										echo 'Thành viên chưa trả lời thư mời tham gia sự kiện';
									?>
									</h4>
								</div>
								<ul id="invite_list">
									<?
									for ($i=0; $i<count($this->member_list); $i++)
									{
										$m=$this->member_list[$i];
										$u_name=$m->first_name . " " . $m->last_name;
										if ($m->uid==$this->user->uid)
										{
											$me=1;
										}
										else
										{
											$me=0;
										}
									?>
									<li class="clearfix" id="member_<?php echo $m->uid?>">
										<span class="name_row"><a href="/home/<?php echo $m->name;?>"><?php echo $m->name?></a></span>
										<?
										if ($this->view==1)
										{
											$admin=$m->admin;
										?>
											<a onclick="remove_member(<?php echo $m->uid?>, '<?php echo $u_name?>', '/event/edit/member/<?php echo $event->eid;?>/&remove=1&m=<?php echo $m->uid;?>', <?php echo $me?>, <?php echo $admin?>); return false;" href="#">Loại bỏ</a> | 
										<?
											if ($admin==1)
											{
												echo '<a onclick="remove_admin(' . $m->uid . ', \'' . $u_name . '\', \'' . "/event/removeadmin/" . $event->eid . "/" . $m->uid . '\', ' . $me . '); return false;" href="#">Hủy admin</a>';
											}
											else
											{
												echo '<a onclick="make_admin(' . $m->uid . ', \'' . $u_name . '\', \'' . "/event/makeadmin/" . $event->eid . "/" . $m->uid . '\'); return false;" href="#">Gán admin</a>';
											}
										}
										?>
									</li>
									<?
									}
									?>
								</ul>
							</div>
							<?
							}
							?>
						</div>
						<div class="column right">
							<div class="filter_form" style="font-size: 11px;">
								<label style="font-size: 11px;">Mời bạn bè tham gia sự kiện</label>
								<input autocomplete="off" class="inputtext" id="selector_name" style="font-size: 11px; width: 203px" onkeyup="key_handle(event);">
							</div>
							<div style="height: 300px; font-size: 11px; line-height: 20px;" class="userlist" id="userlist">
								<span id="friends_list" style="font-size: 11px; line-height: 20px;">
									<?
									for ($i=0; $i<count($this->friend_list); $i++)
									{
										$u=$this->friend_list[$i];
										if(!in_array($u->uid, $this->friend_member_list)){
									?>
									<span u_name="<?php echo $u->name?>" style="font-size: 11px; line-height: 20px;" id="friend_<?php echo $u->uid?>" u_id="<?php echo $u->uid?>">
										<input type="checkbox" value="" name="" id="" class="inputcheckbox" onclick="addPending(<?php echo $u->uid?>, '<?php echo $u->name?>')">
										<label class="" style="font-size: 11px; line-height: 20px;"><?php echo $u->name?></label>
										<br style="font-size: 11px; line-height: 20px;">
									</span>
									<?
										}// End of if
									}// end of for
									?>
								</span>
							</div>
						</div>
					</div>
					<div class="jqmMessage" id="dlg_member" style="display:none;">
						<div style="font-weight: bold; border-bottom: 1px solid #3366CC" id="msg_title">
							Hủy quan hệ
						</div>
						<div id="msg_prompt" style="margin-top: 10px; margin-bottom: 10px;">
							Bạn chắc chắn xóa ra khỏi danh sách bạn
						</div>
						<div style="border-top: 1px solid #3366CC; padding-top: 5px;">
							<div style="float: left; width: 200px">
								<div id="msg_ajax_doing" style="display: none">
									<img src="<?php echo EVENT_STATIC_SERVER;?>/images/ajax-loader-flower.gif" align="absmiddle"> Đang thực hiện...
								</div>
							</div>
							<div style="float: right; width: 190px; text-align: right">
								<input type="button" value="Đồng ý" style="width: 80px" class="button-submit" id="msg_button_ok">
								<input type="button" value="Đóng" style="width: 80px" onclick="$('#dlg_member').jqmHide();"  class="button-submit">
							</div>
							<div style="clear: both"></div>
						</div>
					</div>
					<div class="clear"></div>
								        
			    </div>
                <div class="boxBottom"><span><b></b></span></div>
            </div>
            <!--End: event List-->
				